@keyframes animation-bruce {
	0% {
		background-position-y: 0;
	}

	100% {
		background-position-y: 100%;
	}
}
.bruce {
	position: relative;
	background: linear-gradient(45deg, #7f7fd5, #86a8e7, #91eae4, #ffe5c8);
	background-size: 100% 400%;
	animation: animation-bruce 8s linear infinite alternate;
}

.bubble-bgwall {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100vh;
	z-index: 0 !important;
	li {
		display: flex;
		position: absolute;
		bottom: -200px;
		justify-content: center;
		align-items: center;
		border-radius: 10px;
		padding: 10px;
		min-width: 50px;
		min-height: 50px;
		background-color: rgba(#fff, 0.15);
		color: #fff;
		animation: bubble 15s infinite;
		text-transform: uppercase;
		&:nth-child(1) {
			left: 10%;
		}
		&:nth-child(2) {
			left: 20%;
			width: 90px;
			height: 90px;
			animation-duration: 7s;
			animation-delay: 2s;
		}
		&:nth-child(3) {
			left: 25%;
			animation-delay: 4s;
		}
		&:nth-child(4) {
			left: 40%;
			width: 60px;
			height: 60px;
			background-color: rgba(#fff, 0.3);
			animation-duration: 8s;
		}
		&:nth-child(5) {
			left: 70%;
		}
		&:nth-child(6) {
			left: 80%;
			width: 120px;
			height: 120px;
			background-color: rgba(#fff, 0.2);
			animation-delay: 3s;
		}
		&:nth-child(7) {
			left: 32%;
			width: 160px;
			height: 160px;
			animation-delay: 2s;
		}
		&:nth-child(8) {
			left: 55%;
			width: 40px;
			height: 40px;
			font-size: 12px;
			animation-duration: 15s;
			animation-delay: 4s;
		}
		&:nth-child(9) {
			left: 25%;
			width: 40px;
			height: 40px;
			background-color: rgba(#fff, 0.3);
			font-size: 12px;
			animation-duration: 12s;
			animation-delay: 2s;
		}
		&:nth-child(10) {
			left: 85%;
			width: 160px;
			height: 160px;
			animation-delay: 5s;
		}
	}
}
@keyframes bubble {
	0% {
		opacity: 0.5;
		transform: translateY(0) rotate(45deg);
	}
	25% {
		opacity: 0.75;
		transform: translateY(-400px) rotate(90deg);
	}
	50% {
		opacity: 1;
		transform: translateY(-600px) rotate(135deg);
	}
	100% {
		opacity: 0;
		transform: translateY(-1000px) rotate(180deg);
	}
}
